<!DOCTYPE HTML>
<html>

<!-- Mirrored from www.zuperstores.com/gemiz/light-version/blog-style1.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 07 Nov 2014 01:00:06 GMT -->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<title>Blog | Gemiz HTML Template</title>

<!--Main Element CSS-->
<link href="css/style.css" rel="stylesheet" type="text/css">
<link href="css/form.css" rel="stylesheet" type="text/css">
<link href="css/font-awesome.css" rel="stylesheet" type="text/css">

<!--Responsive CSS-->
<link href="css/responsive.css" rel="stylesheet" type="text/css">

<!--Flexy Menu CSS-->
<link href="css/flexy-menu.css" rel="stylesheet" type="text/css">

<!--LayerSlider CSS-->
<link href="layerslider/css/layerslider.css" rel="stylesheet" type="text/css">

<!--Important Owl CSS-->
<link href="css/owl.carousel.css" rel="stylesheet" type="text/css">

<!--Owl DefaultTheme -->
<link href="css/owl.theme.css" rel="stylesheet" type="text/css">

<!--MEGAFOLIO PRO GALLERY CSS-->
<link rel="stylesheet" type="text/css" href="megafolio/css/settings.css" media="screen" />

<!--COLORBOX LIGHTBOX CSS-->
<link rel="stylesheet" type="text/css" href="css/colorbox.css" media="screen" />

<!-- Flexslider CSS -->
<link href="css/flexslider.css" rel="stylesheet" type="text/css">

<!-- Fancybox CSS -->
<link rel="stylesheet" type="text/css" href="css/jquery.fancybox8cbb.css?v=2.1.5" media="screen" />
<link rel="stylesheet" type="text/css" href="css/jquery.fancybox-buttons3447.css?v=1.0.5" media="screen" />
<link rel="stylesheet" type="text/css" href="css/jquery.fancybox-thumbsf2ad.css?v=1.0.7" media="screen" />

<!-- Tooltip CSS -->
<link href="css/tooltip.css" rel="stylesheet" type="text/css">

<!--Google Fonts-->
<link href='http://fonts.googleapis.com/css?family=Roboto:400,400italic,300,500,700|Roboto+Slab:400,300,700' rel='stylesheet' type='text/css'>

<!--[if lte IE 8]>
<meta HTTP-EQUIV="REFRESH" content="0; url=lte-ie8.html">
<![endif]-->

</head>

<body>

	<!--Top Header Start-->
    <section class="top-header">
    	<div class="wrapper topwrap">
        	<p class="top-info">Lorem ipsum dolor sit amet consetetur sadipscing elitr</p>
            
            <!--Social Media Icons-->
            <ul class="top-socialmedia">
            	<li>
                	<a href="#"><img src="images/social-media/top-social-media1.png" alt="social media" /></a>
                </li>
                <li>
                	<a href="#"><img src="images/social-media/top-social-media2.png" alt="social media" /></a>
                </li>
                <li>
                	<a href="#"><img src="images/social-media/top-social-media3.png" alt="social media" /></a>
                </li>
                <li>
                	<a href="#"><img src="images/social-media/top-social-media4.png" alt="social media" /></a>
                </li>
                <li>
                	<a href="#"><img src="images/social-media/top-social-media5.png" alt="social media" /></a>
                </li>
            </ul>
            <!--End-->
            
        </div>
    </section>
    <!--Top Header End-->
    
    <div class="wrapper">
    	
        <!--Logo and Main Menu Start-->
        <header class="header-section">
        
        	<!--Logo Start-->
            <div class="logo">
            	<div class="logo-wrapper">
            		<a href="index.html"><img src="images/logo.png" alt="logo" /></a>
                </div>
            </div>
            <!--End-->
        	
            <!--Navigation Menu Start-->
            <ul class="flexy-menu">
                <li><a href="#">Home</a><div class="menu-space"></div>
                	<ul>
                        <li><a href="index.html">LayerSlider</a></li>
                        <li><a href="home-sync-slider.html">Sync Slider</a></li>
                        <li><a href="home-layerslider-fullslide.html">LayerSlider Full Slide</a></li>
                        <li><a href="home-sync-slider-fullslide.html">Sync Slider Full Slide</a></li>
                        <li><a href="#">Dropdown Menu</a>
                        	<ul>
                                <li><a href="#">Third Level Menu</a></li>
                                <li><a href="#">Third Level Menu</a></li>
                                <li><a href="#">Third Level Menu</a></li>
                            </ul>
                        </li>
                	</ul>
                </li>
                <li><a href="#">About Us</a><div class="menu-space"></div>
                	<ul>
                        <li><a href="about-us-style1.html">About Us Style 1</a></li>
                        <li><a href="about-us-style2.html">About Us Style 2</a></li>
                	</ul>
                </li>
                <li><a href="#">Our Services</a><div class="menu-space"></div>
                	<ul>
                        <li><a href="service-style1.html">Our Services Style 1</a></li>
                        <li><a href="service-style2.html">Our Services Style 2</a></li>
                	</ul>
                </li>
                <li><a href="#">Portfolio</a><div class="menu-space"></div>
                	<ul>
                        <li><a href="#">Portfolio Lists</a>
                        	<ul>
                                <li><a href="portfolio-basic-3-columns.html">Basic 3 Columns</a></li>
                                <li><a href="portfolio-basic-4-columns.html">Basic 4 Columns</a></li>
                                <li><a href="portfolio.html">Basic 5 Columns</a></li>
                                <li><a href="portfolio-special-7.html">Special Array 7</a></li>
                                <li><a href="portfolio-special-8.html">Special Array 8</a></li>
                                <li><a href="portfolio-special-9.html">Special Array 9</a></li>
                                <li><a href="portfolio-different-height-1.html">Different Height 1</a></li>
                                <li><a href="portfolio-different-height-2.html">Different Height 2</a></li>
                            </ul>
                        </li>
                        <li><a href="#">Portfolio Single Page</a>
                        	<ul>
                                <li><a href="portfolio-single.html">With Feature Image</a></li>
                                <li><a href="portfolio-single-slider-image.html">With Slider Image</a></li>
                                <li><a href="portfolio-single-video-embed.html">With Video Embed</a></li>
                                <li><a href="portfolio-single-soundcloud.html">With SoundCloud</a></li>
                            </ul>
                        </li>
                	</ul>
                </li>
                <li class="active"><a href="#">Blog</a><div class="menu-space"></div>
                	<ul>
                        <li><a href="blog-style1.html">Blog Lists Style 1</a></li>
                        <li><a href="blog-style2.html">Blog Lists Style 2</a></li>
                        <li><a href="#">Blog Single Page</a>
                        	<ul>
                                <li><a href="blog-single.html">With Feature Image</a></li>
                                <li><a href="blog-single-slider-image.html">With Slider Image</a></li>
                                <li><a href="blog-single-video-embed.html">With Video Embed</a></li>
                            </ul>
                        </li>
                	</ul>
                </li>
                <li><a href="#">Page</a><div class="menu-space"></div>
                	<ul>
                        <li><a href="page-without-sidebar.html">Page Without Sidebar</a></li>
                        <li><a href="page-with-sidebar.html">Page With Sidebar</a></li>
                	</ul>
                </li>
                <li><a href="clients.html">Clients</a><div class="menu-space"></div></li>
                <li><a href="contact-us.html">Contact Us</a><div class="menu-space"></div></li>
            </ul>
            <!--Navigation Menu End-->
            
        </header>
        <!--Logo and Main Menu End-->
        
        <div class="container">
        	
            <!--All Content Start-->
            <div class="content-wrapper">

                <!--Page Title-->
                <div class="page-title">
                	<div class="page-title-detail">
                    	<h1>Blog</h1>
                        <p class="sub-title">Nonumy eirmod tempor invidunt labore</p>
                    </div>
                    <nav class="page-navigation">
                    	<ul>
                        	<li><a href="index.html">home</a></li>
                            <li>blog</li>
                        </ul>
                    </nav>
                </div>
                <!--End-->
                
                <!--Body Content Start-->
                <section class="blog-wrapper">
                	<ul class="blog-list">
                    	
                        <!--Blog List 1-->
                        <li>
                        	<figure>
                            	<a href="blog-single2.html">
                                    <div class="thumbnail-hover"></div>
                                    <img src="images/upload/blog-thumb-style1-image1.jpg" alt="blog list" />
                                </a>
                            </figure>
                            <div class="blog-list-detail">
                            	<div class="blog-header">
                                    <h2><a href="blog-single2.html">Lorem ipsum dolor sit amet</a></h2>
                                    <a href="#">
                                        <div class="comment-status">
                                            <div class="comment-count">5</div>
                                        </div>
                                    </a>
                                </div>
                                <div class="clearfix"></div>
                                <p>At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren no sea takimata sanctus est Lorem ipsum dolor.</p>
                                <div class="blog-list-bottom">
                                	<nav class="blog-meta">
                                		<span><i class="fa fa-clock-o"></i><a href="#">10 Feb 2014</a></span>
                                		<span><i class="fa fa-list-ul"></i><a href="#">Category</a></span>
                                		<span class="last-meta"><i class="fa fa-user"></i><a href="#">Admin</a></span>
                                    </nav>
                                    <button class="dark-button" onClick="location.href='blog-single2.html'">Read More</button>
                                </div>
                            </div>
                        </li>
                        <!--End-->
                        
                        <!--Blog List 2-->
                        <li>
                        	<figure>
                            	<a href="blog-single3.html">
                                    <div class="thumbnail-hover"></div>
                                    <img src="images/upload/blog-thumb-style1-image2.jpg" alt="blog list" />
                                </a>
                            </figure>
                            <div class="blog-list-detail">
                            	<div class="blog-header">
                                    <h2><a href="blog-single3.html">Diam nonumy eirmod tempor</a></h2>
                                    <a href="#">
                                        <div class="comment-status">
                                            <div class="comment-count">5</div>
                                        </div>
                                    </a>
                                </div>
                                <div class="clearfix"></div>
                                <p>Lorem ipsum dolor sit amet consetetur sadipscing elitr sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam.</p>
                                <div class="blog-list-bottom">
                                	<nav class="blog-meta">
                                		<span><i class="fa fa-clock-o"></i><a href="#">10 Feb 2014</a></span>
                                		<span><i class="fa fa-list-ul"></i><a href="#">Category</a></span>
                                		<span class="last-meta"><i class="fa fa-user"></i><a href="#">Admin</a></span>
                                    </nav>
                                    <button class="dark-button" onClick="location.href='blog-single3.html'">Read More</button>
                                </div>
                            </div>
                        </li>
                        <!--End-->
                        
                        <!--Blog List 3-->
                        <li>
                        	<figure>
                            	<a href="blog-single4.html">
                                    <div class="thumbnail-hover"></div>
                                    <img src="images/upload/blog-thumb-style1-image3.jpg" alt="blog list" />
                                </a>
                            </figure>
                            <div class="blog-list-detail">
                            	<div class="blog-header">
                                    <h2><a href="blog-single4.html">Sed diam voluptua vero sanctus</a></h2>
                                    <a href="#">
                                        <div class="comment-status">
                                            <div class="comment-count">5</div>
                                        </div>
                                    </a>
                                </div>
                                <div class="clearfix"></div>
                                <p>Gubergren no sea takimata sanctus est lorem ipsum dolor sit amet lorem ipsum dolor sit amet sed diam nonumy eirmod tempor invidunt.</p>
                                <div class="blog-list-bottom">
                                	<nav class="blog-meta">
                                		<span><i class="fa fa-clock-o"></i><a href="#">10 Feb 2014</a></span>
                                		<span><i class="fa fa-list-ul"></i><a href="#">Category</a></span>
                                		<span class="last-meta"><i class="fa fa-user"></i><a href="#">Admin</a></span>
                                    </nav>
                                    <button class="dark-button" onClick="location.href='blog-single4.html'">Read More</button>
                                </div>
                            </div>
                        </li>
                        <!--End-->
                        
                        <!--Blog List 4-->
                        <li>
                        	<figure>
                            	<a href="blog-single5.html">
                                    <div class="thumbnail-hover"></div>
                                    <img src="images/upload/blog-thumb-style1-image4.jpg" alt="blog list" />
                                </a>
                            </figure>
                            <div class="blog-list-detail">
                            	<div class="blog-header">
                                    <h2><a href="blog-single5.html">Justo duo dolores rebum</a></h2>
                                    <a href="#">
                                        <div class="comment-status">
                                            <div class="comment-count">5</div>
                                        </div>
                                    </a>
                                </div>
                                <div class="clearfix"></div>
                                <p>Takimata sanctus est lorem ipsum dolor sit amet lorem ipsum dolor sit amet, consetetur sadipscing elitr sed diam nonumy eirmod tempor.</p>
                                <div class="blog-list-bottom">
                                	<nav class="blog-meta">
                                		<span><i class="fa fa-clock-o"></i><a href="#">10 Feb 2014</a></span>
                                		<span><i class="fa fa-list-ul"></i><a href="#">Category</a></span>
                                		<span class="last-meta"><i class="fa fa-user"></i><a href="#">Admin</a></span>
                                    </nav>
                                    <button class="dark-button" onClick="location.href='blog-single5.html'">Read More</button>
                                </div>
                            </div>
                        </li>
                        <!--End-->
                        
                        <!--Blog List 5-->
                        <li>
                        	<figure>
                            	<a href="blog-single-video-embed.html">
                                    <div class="thumbnail-hover"></div>
                                    <img src="images/upload/blog-thumb-style1-image5.jpg" alt="blog list" />
                                </a>
                            </figure>
                            <div class="blog-list-detail">
                            	<div class="blog-header">
                                    <h2><a href="blog-single-video-embed.html">Lorem ipsum dolor sit amet</a></h2>
                                    <a href="#">
                                        <div class="comment-status">
                                            <div class="comment-count">5</div>
                                        </div>
                                    </a>
                                </div>
                                <div class="clearfix"></div>
                                <p>At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren no sea takimata sanctus est Lorem ipsum dolor.</p>
                                <div class="blog-list-bottom">
                                	<nav class="blog-meta">
                                		<span><i class="fa fa-clock-o"></i><a href="#">10 Feb 2014</a></span>
                                		<span><i class="fa fa-list-ul"></i><a href="#">Category</a></span>
                                		<span class="last-meta"><i class="fa fa-user"></i><a href="#">Admin</a></span>
                                    </nav>
                                    <button class="dark-button" onClick="location.href='blog-single-video-embed.html'">Read More</button>
                                </div>
                            </div>
                        </li>
                        <!--End-->
                        
                        <!--Blog List 6-->
                        <li>
                        	<figure>
                            	<a href="blog-single.html">
                                    <div class="thumbnail-hover"></div>
                                    <img src="images/upload/blog-thumb-style1-image6.jpg" alt="blog list" />
                                </a>
                            </figure>
                            <div class="blog-list-detail">
                            	<div class="blog-header">
                                    <h2><a href="blog-single.html">Diam nonumy eirmod tempor</a></h2>
                                    <a href="#">
                                        <div class="comment-status">
                                            <div class="comment-count">5</div>
                                        </div>
                                    </a>
                                </div>
                                <div class="clearfix"></div>
                                <p>Lorem ipsum dolor sit amet consetetur sadipscing elitr sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam.</p>
                                <div class="blog-list-bottom">
                                	<nav class="blog-meta">
                                		<span><i class="fa fa-clock-o"></i><a href="#">10 Feb 2014</a></span>
                                		<span><i class="fa fa-list-ul"></i><a href="#">Category</a></span>
                                		<span class="last-meta"><i class="fa fa-user"></i><a href="#">Admin</a></span>
                                    </nav>
                                    <button class="dark-button" onClick="location.href='blog-single.html'">Read More</button>
                                </div>
                            </div>
                        </li>
                        <!--End-->
                        
                    </ul>
                    
                    <!--Next page Start-->
                    <nav class="page-count">
                        <ul>
                            <li class="page-active" onClick="location.href='#'">1</li>
                            <li onClick="location.href='#'">2</li>
                            <li onClick="location.href='#'">3</li>
                            <li onClick="location.href='#'">4</li>
                            <li onClick="location.href='#'">5</li>
                            <li onClick="location.href='#'"><i class="fa fa-angle-right"></i></li>
                        </ul>
                    </nav>
                    <!--Next page End-->
                    
                </section>
                <!--Body Content End-->
                
            </div>
            <!--All Content End-->
            
            <!--Footer Start-->
            <footer class="footer-section">
                <div class="wrapper">
                    <div class="footer-content">
                        <div class="footer-top">
                            
                            <!--Footer About Us-->
                            <section class="footer-about">
                                <figure>
                                    <img src="images/logo-footer.png" alt="logo" />
                                </figure>
                                <div class="footer-details">
                                    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est lorem ipsum dolor sit amet lorem ipsum dolor sit amet.</p>
                                </div>
                            </section>
                            <!--Footer About Us End-->
                            
                            <!--Footer Contact-->
                            <section class="footer-contact">
                                <h2 class="footer-title">Contact info</h2>
                                <div class="footer-details">
                                    <ul>
                                        <li>
                                            <div class="contact-list">
                                                <span>Company Name<br>4884 Lilac Lane Statesboro, GA 30458</span>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="contact-list email">
                                                <span>Email: info@yourdomain.com</span>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="contact-list phone">
                                                <span>Phone: 111-123-456-9999</span>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </section>
                            <!--Footer Contact End-->
                            
                            <!--Footer Subscribe-->
                            <section class="footer-subscribe">
                                <h2 class="footer-title">Newsletter</h2>
                                <div class="footer-details">
                                    <p>Lorem ipsum dolor sit amet consetetur sadipscing elitr sed diam nonumy eirmod.</p>
                                    <div class="subscribe-box">
                                        <form>
                                            <input class="first-name" type="text" name="firstname" placeholder="First name *" required />
                                            <input class="last-name" type="text" name="lastname" placeholder="Last name *" required />
                                            <input class="your-email" type="text" name="email" placeholder="Your email address *" required />
                                            <input class="subscribe-button" type="submit" value="Subscribe"/>
                                        </form>
                                    </div>
                                </div>
                            </section>
                            <!--Footer Subscribe End-->
                            
                        </div>
                        
                        <!--Footer Bottom Start-->
                        <div class="footer-bottom">
                            <div class="copyright">
                                Copyright © All Rights Reserved. <a href="#">yourdomain.com</a>
                            </div>
                            <nav>
                                <ul>
                                    <li><a href="index.html">Home</a></li>
                                    <li><a href="about-us-style1.html">About Us</a></li>
                                    <li><a href="portfolio-grid.html">Portfolio</a></li>
                                    <li><a href="contact-us.html">Contact Us</a></li>
                                </ul>
                            </nav>
                        </div>
                        <!--Footer Bottom End-->
                        
                    </div>
                </div>
                
                <!--Go To Top-->
                <a href="#" class="back-to-top"></a>
                <!--End-->
                
            </footer>
            <!--Footer End-->
            
        </div>
        
    </div>
    
    <div class="clearfix"></div>

<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="js/greensock.js"></script>

<!--Flexy Menu Script-->
<script type="text/javascript" src="js/flexy-menu.js"></script>

<!--LayerSlider Script-->
<script type="text/javascript" src="layerslider/js/layerslider.kreaturamedia.jquery.js"></script>
<script type="text/javascript" src="layerslider/js/layerslider.transitions.js"></script>

<!--Carousel Plugin Script-->
<script type="text/javascript" src="js/owl.carousel.js"></script>

<!-- MEGAFOLIO PRO GALLERY SCRIPT -->
<script type="text/javascript" src="megafolio/js/jquery.themepunch.plugins.min.js"></script>
<script type="text/javascript" src="megafolio/js/jquery.themepunch.megafoliopro.js"></script>

<!-- COLORBOX LIGHTBOX SCRIPT -->
<script type="text/javascript" src="js/jquery.colorbox.js"></script>

<!-- Flexslider Script -->
<script type="text/javascript" src="js/jquery.flexslider.js"></script>

<!--Social Share Button Script-->
<script src="js/jquery.sharrre.min.js" type="text/javascript"></script>

<!-- Fancybox Script -->
<script type="text/javascript" src="js/jquery.fancybox.pack8cbb.js?v=2.1.5"></script>
<script type="text/javascript" src="js/jquery.fancybox-buttons3447.js?v=1.0.5"></script>
<script type="text/javascript" src="js/jquery.fancybox-mediac924.js?v=1.0.6"></script>
<script type="text/javascript" src="js/jquery.fancybox-thumbsf2ad.js?v=1.0.7"></script>

<!--Tooltip Script-->
<script type="text/javascript" src="js/tooltip.js"></script>

<!--Placeholder Script-->
<script type="text/javascript" src="js/placeholder.js"></script>

<!--Custom-->
<script type="text/javascript" src="js/custom.js"></script>

</body>

<!-- Mirrored from www.zuperstores.com/gemiz/light-version/blog-style1.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 07 Nov 2014 01:00:29 GMT -->
</html>
